body{
    font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,\\5FAE\8F6F\96C5\9ED1,Arial,sans-serif;
    line-height: 1.5;
}
.containerBox{
    width: 100%;
    height: 160px;
    font-size: 14px;
    color: #ffffff;
}
.containerBox:after{
    content: '';
    display: block;
    clear: both;
}
.box{
    border-radius: 7px;
    margin: 10px;
    padding: 20px;
    width: 150px;
    height: 80px;
    display: flex;
    float: left;
}
.blueBox{
    background-image:linear-gradient(135deg, #ABDCFF 10%, #0396FF 100%) !important;
}
.pinkBox{
    background-image:linear-gradient(135deg, #FFD3A5 10%, #FD6585 100%) !important;
}
.purpleBox{
    background-image:linear-gradient(135deg, #EE9AE5 10%, #5961F9 100%) !important;
}

.num{
    font-size: 20px;
}
.icon{
    font-size: 35px;
    color: #ffffff;
}
.right{
    margin-left: 30px;
}
.InforStatistics{
    width: 500px;
    height: 300px;
    /*background-image:linear-gradient(135deg, #ABDCFF 10%, #0396FF 100%) !important;*/
    background: #e9eaec;
    border-radius: 7px;
    margin: 10px;
    padding: 20px;
    font-size: 14px;
    color: #ffffff;
}
.top{
    border-bottom: 1px solid #00F7DE;
    padding: 14px 16px;
    line-height: 1;
}
.top p{
    color: #1c2438;
    font-weight: 700;
    font-size: 14px;
}
.bottom{
    padding: 16px;
    color: #1c2438;
    /*background: red;*/
}
.row{
    display: flex;
    justify-content: space-between;
}
.bottomNum{
    font-size: 20px;
    color: #000000;
    font-weight: bold;
    padding-bottom: 10px;
}
.bottomText{
    font-size: 12px;
    color: #666666;
}
.item{
    /*margin-left: 50px;*/
    text-align: center;
    /*background: red;*/
    padding: 20px;
}
.containerInfo{
    display: flex;
    /*justify-content: space-between;*/
    justify-content: space-around;
    /*border: 1px solid red;*/
}
.itemBox{
    /*background: red;*/
}
.title{
    border-bottom: 1px solid #e9eaec;
}
.title p{
    color: #1c2438;
    font-weight: 700;
    font-size: 18px;
    padding: 20px;
}
.itemDate{
    /*border: 1px solid red;*/
    /*width: 40px;*/
    height: 40px;
    line-height: 40px;
    margin:0px 8px 0px 0px;
    justify-content: center;
}
.searchBox{
    display: flex;
    float: left;
    /*width: 100%;*/
    padding: 20px;
    font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,\\5FAE\8F6F\96C5\9ED1,Arial,sans-serif;
    font-size: 12px;
    color: #495060;
    text-align: center;
    justify-content: center;
}
.father:after{
    content: '';
    display: block;
    clear: both;
}
.searchBox #dateSelect{
    width: 100%;
    height: 32px;
    color: #495060;
    border-radius: 4px;
    padding: 4px 7px;
    font-size: 12px;
    border: 1px solid #dddee1;
    line-height: 1.5;
}
.searchIcon{
    display: flex;
    float: right;
}
